<template>
	<view class="map_place">
		<view class="">
			<tm-search @confirm='chooseLocation' ></tm-search>
		</view>
		<map style="width: 100%; height: 100vh;" 
		:latitude='39.899'
		:longitude="116.39742"
		:show-compass='true' 
		:enable-satellite='false' 
		:show-location='true' 
		enable-3D="true" 
		:markers="markers"
		 @markertap='choonseplace' 
		
		 :enable-poi='true'
		 ></map>
	</view>
</template>

<script>
	export default {
		onLoad() {
			this.searchstores()
		},
		onShow() {

		},
		data() {
			return {
				markers: [
				// {
				// 	id: 1, // Number
				// 	title: '地点一', // String-标注点名
				// 	rotate: 0, // Number - 顺时针旋转的角度，范围 0 ~ 360，默认为 0
				// 	alpha: 1, // 默认1，无透明，范围 0 ~ 1
				// 	latitude: 39.899,
				// 	longitude: 116.39742,
				// 	width: 30,
				// 	height: 30,
				// },
				// {
				// 	id: 2, // Number
				// 	title: '地点二', // String-标注点名
				// 	rotate: 0, // Number - 顺时针旋转的角度，范围 0 ~ 360，默认为 0
				// 	alpha: 1, // 默认1，无透明，范围 0 ~ 1
				// 	latitude: 40,
				// 	longitude: 116.39742,
				// 	width: 30,
				// 	height: 30,
				// },
				// {
				// 	id: 3, // Number
				// 	title: '地点三', // String-标注点名
				// 	rotate: 0, // Number - 顺时针旋转的角度，范围 0 ~ 360，默认为 0
				// 	alpha: 1, // 默认1，无透明，范围 0 ~ 1
				// 	latitude: 38.899,
				// 	longitude: 116.39742,
				// 	width: 30,
				// 	height: 30,
				// }
				
				],
				controls:[
					
				]
			}
		},
		methods: {
			async searchstores(){
				const Rres = await this.$wxRequest({
					url:'/wx/stores_search',
					method:'POST',
				})
			if(Rres.data.code == 200){
				this.markers = Rres.data.data
			}
			},
		choonseplace(e){
			console.log('aaaaaaa',e)
		},
	chooseLocation(e) { //打开地图选择位置
			wx.chooseLocation({
				success: res => {
					console.log('位置名称：' + res.name);
					console.log('详细地址：' + res.address);
					console.log('纬度：' + res.latitude);
					console.log('经度：' + res.longitude);
				},
				fail: (res) => {
					console.log(res)
				}
			});
	},


		}
	}
</script>

<style lang="scss" scoped>
.map_place{
	width: 100%;
	min-height: 100%;
}
</style>
